<!--<template>-->
<!--  <div class="app-container">-->
<!--    <el-form ref="dataForm" :model="dataForm" :rules="dataFormRules" label-width="140px">-->
<!--      <el-form-item-->
<!--        v-for="formField in formFields"-->
<!--        :key="formField.prop"-->
<!--        :label="formField.label"-->
<!--        :prop="formField.prop"-->
<!--      >-->

<!--        &lt;!&ndash;单选框&ndash;&gt;-->
<!--        <el-radio-group v-if="formField.type===1" v-model="dataForm[formField.prop]">-->
<!--          <el-radio v-for="(item, index) in formField.dataSource" :key="index" :label="item.value"> {{ item.text }}</el-radio>-->
<!--        </el-radio-group>-->
<!--        &lt;!&ndash;头像&ndash;&gt;-->
<!--        <div v-else-if="formField.type===2">-->
<!--          <Upload v-model="dataForm[formField.prop]" :path="'user'" :limit="1" :value="dataForm[formField.prop]" />-->
<!--        </div>-->
<!--        &lt;!&ndash;下拉&ndash;&gt;-->
<!--        <el-select-->
<!--          v-else-if="formField.type===3"-->
<!--          v-model="dataForm[formField.prop]"-->
<!--          multiple-->
<!--          placeholder="请选择用户角色"-->
<!--          size="mini"-->
<!--          disabled-->
<!--          style="width: 30%"-->
<!--        >-->
<!--          <el-option-->
<!--            v-for="item in formField.options"-->
<!--            :key="item.value"-->
<!--            :label="item.text"-->
<!--            :value="item.value"-->
<!--          />-->
<!--        </el-select>-->
<!--        &lt;!&ndash; 默认显示普通文本框 &ndash;&gt;-->
<!--        <el-input-->
<!--          v-else-->
<!--          v-model="dataForm[formField.prop]"-->
<!--          :disabled="formField.prop==='username'"-->
<!--          size="mini"-->
<!--          :placeholder="`请输入${formField.label}`"-->
<!--          auto-complete="off"-->
<!--          style="width: 30%"-->
<!--        />-->
<!--      </el-form-item>-->
<!--      <el-button :loading="loading" type="primary" style="margin-left:5%;" @click.native.prevent="handleSubmit">提交</el-button>-->
<!--    </el-form>-->
<!--  </div>-->
<!--</template>-->
<!--<script>-->
<!--import { uploadImagesUrl } from '@/api/modules/common'-->
<!--import { listAssign } from '../../utils/tools'-->
<!--import { getRoleListAll, getRoleInfoByUserId, editUser } from '../../api/modules/cm-system'-->
<!--import Upload from '@/components/Upload'-->
<!--export default {-->
<!--  components: { Upload },-->
<!--  data() {-->
<!--    const validateEmail = (rule, value, callback) => {-->
<!--      const email_REG = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+\.(com|cn|net)/-->
<!--      if (email_REG.test(value)) {-->
<!--        callback()-->
<!--      } else {-->
<!--        callback(new Error('请输入正确的邮箱格式'))-->
<!--      }-->
<!--    }-->
<!--    return {-->
<!--      loading: false,-->
<!--      actionUrl: uploadImagesUrl,-->
<!--      dataForm: {-->
<!--        username: null,-->
<!--        headImgUrl: null,-->
<!--        sex: null,-->
<!--        phone: null,-->
<!--        email: null,-->
<!--        id: null-->
<!--      },-->
<!--      formFields: [-->
<!--        { prop: 'username', label: '用户名', minWidth: 120 },-->
<!--        { prop: 'avatar', label: '头像', minWidth: 144, imgFlag: true, type: 2 },-->
<!--        { prop: 'sex', label: '性别', minWidth: 60, type: 1, dataSource: [{ 'value': '2', 'text': '女' }, { 'value': '1', 'text': '男' }] },-->
<!--        { prop: 'phone', label: '手机', minWidth: 100 },-->
<!--        { prop: 'email', label: '邮箱', minWidth: 120 },-->
<!--        { prop: 'rolesIds', label: '用户角色', type: 3, options: [] }-->
<!--      ],-->
<!--      dataFormRules: {-->
<!--        username: [{ required: true, message: '请输入用户名', trigger: 'blur' }-->
<!--          // { validator: checkUserName, trigger: 'blur' }-->
<!--        ],-->
<!--        headImgUrl: [{ required: true, message: '请上传用户头像', trigger: 'change' }],-->
<!--        phone: [{ required: true, message: '请输入手机号', trigger: 'blur' }],-->
<!--        email: [-->
<!--          { required: true, message: '请输入邮箱', trigger: 'blur' },-->
<!--          { validator: validateEmail, trigger: 'blur' }-->
<!--        ]-->
<!--      }-->
<!--    }-->
<!--  },-->
<!--  created() {-->
<!--    listAssign(this.dataForm, this.$store.getters.userInfo)-->
<!--    this.dataForm.sex = this.$store.getters.userInfo.sex-->
<!--  },-->
<!--  mounted() {-->
<!--    this.formFields.forEach(async element => {-->
<!--      if (element.prop === 'rolesIds') {-->
<!--        element.options = await this.getRoleListAll()-->
<!--        this.getRoleInfoByUserId()-->
<!--      }-->
<!--    })-->
<!--  },-->
<!--  methods: {-->
<!--    // 提交-->
<!--    handleSubmit() {-->
<!--      this.$refs['dataForm'].validate(async(valid) => {-->
<!--        if (!valid) {-->
<!--          return false-->
<!--        } else {-->
<!--          this.loading = true-->
<!--          try {-->
<!--            const submitEntity = this.dataForm-->
<!--            submitEntity.rolesIds = this.dataForm.rolesIds.join(',')-->
<!--            const res = await editUser(submitEntity)-->
<!--            if (res.code === 'success') {-->
<!--              this.loading = false-->
<!--              this.$message({ message: '操作成功', type: 'success' })-->
<!--              this.getRoleInfoByUserId()-->
<!--              // this.$notify({ title: '成功', message: '保存成功，请重新登录', type: 'success', duration: 2000 })-->
<!--              // setTimeout(async() => {-->
<!--              //   await this.$store.dispatch('user/logOut')-->
<!--              //   this.$router.push('/login')-->
<!--              // }, 200)-->

<!--              // 调用全局挂载的方法-->
<!--              // this.$store.dispatch('tagsView/delView', this.$route)-->
<!--              // 返回上一步路由-->
<!--              // this.$router.go(-1)-->
<!--            } else {-->
<!--              this.loading = false-->
<!--              this.$message({ message: res.msg, type: 'error' })-->
<!--            }-->
<!--          } catch (e) {-->
<!--            this.loading = false-->
<!--            // this.dialogFormVisible = false-->
<!--            this.$message({ message: '操作失败', type: 'error' })-->
<!--          }-->
<!--        }-->
<!--      })-->
<!--    },-->
<!--    async getRoleInfoByUserId() {-->
<!--      const res = await getRoleInfoByUserId({ id: this.$store.getters.userInfo.id })-->
<!--      try {-->
<!--        if (res.code === 'success') {-->
<!--          const { data } = res-->
<!--          const rolesIds = []-->
<!--          data.forEach(item => {-->
<!--            rolesIds.push(item.roleId)-->
<!--          })-->
<!--          this.dataForm.rolesIds = rolesIds-->
<!--        }-->
<!--      } catch (e) {-->
<!--        console.log(e)-->
<!--      }-->
<!--    },-->
<!--    handleAvatarSuccess(res) {-->
<!--      this.dataForm.headImgUrl = res.data.path-->
<!--    },-->
<!--    // 获取角色列表-->
<!--    async getRoleListAll() {-->
<!--      const arrayTemp = []-->
<!--      try {-->
<!--        const res = await getRoleListAll()-->
<!--        const { data } = res-->
<!--        data.forEach(item => {-->
<!--          arrayTemp.push({ value: item.id, text: item.name })-->
<!--        })-->
<!--      } catch (e) {-->
<!--        console.log(e)-->
<!--      }-->
<!--      return Promise.resolve(arrayTemp)-->
<!--    }-->
<!--  }-->
<!--}-->
<!--</script>-->
